<template>
  <div class="w-full bg-[#fff]">
    <template v-if="roomState.gameCategory == GameCategory.sc">
      <sc-result />
      <sc-result-list v-if="roomState.resultOpen" />
    </template>
    <template v-if="roomState.gameCategory == GameCategory.ssc">
      <ssc-result />
      <ssc-result-list v-if="roomState.resultOpen" />
    </template>
    <template v-if="roomState.gameCategory == GameCategory.pcdd">
      <pcdd-result />
      <pcdd-result-list v-if="roomState.resultOpen" />
    </template>
    <template v-if="roomState.gameCategory == GameCategory.lhc">
      <lhc-result />
      <lhc-result-list v-if="roomState.resultOpen" />
    </template>
    <template v-if="roomState.gameCategory == GameCategory.ydh">
      <ydh-result />
      <ydh-result-list v-if="roomState.resultOpen" />
    </template>
  </div>
</template>
<script lang="ts" setup>
import { GameCategory } from "@/enums";
import scResult from "./result/sc-result.vue";
import scResultList from "./result/sc-result-list.vue";
import sscResult from "./result/ssc-result.vue";
import sscResultList from "./result/ssc-result-list.vue";
import pcddResult from "./result/pcdd-result.vue";
import pcddResultList from "./result/pcdd-result-list.vue";
import lhcResult from "./result/lhc-result.vue";
import lhcResultList from "./result/lhc-result-list.vue";
import ydhResult from "./result/ydh-result.vue";
import ydhResultList from "./result/ydh-result-list.vue";

const roomState = inject<RoomState>("roomState") as RoomState;
</script>
